<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8"> 
   <title>宇桥网站内容管理系统-文档管理</title>
   <link rel="stylesheet" href="css/bootstrap.min.css">
   <link rel="stylesheet" href="css/bootstrap-table.min.css">
   <script type="text/javascript" src="js/bootstrap-table.min.js"></script>
   <script type="text/javascript" src="js/bootstrap-table-zh-CN.min.js"></script>
   <script type="text/javascript" src="ckeditor/ckeditor.js"></script>
   <script type="text/javascript" src="js/document.js"></script>

</head>
<body>
<div class="container">
	<div id="doclistdiv" class="row clearfix">
		<div class="col-md-3 column">
			<div class="zTreeDemoBackground left">
				<ul id="treeDemo" class="ztree"></ul>
			</div>
       
		</div>
		<div class="col-md-9 column">
    <button id="btn_adddoc" type="button" class="btn btn-primary btn-xs"><span class="glyphicon glyphicon-plus" ></span>新建</button>

    <!--存放工具栏-->
    <div id="toolbar"></div>
    <!--存放生成的表格-->
    <table id="searchResults" class="table table-hover table-condense" >
    </table>
    </div>
	</div>
	
	<!-- 文档创建页面 -->
	<div id="docadddiv" class="row clearfix">
		<div class="col-md-9 column">
			<form role="form" id="documentForm">
				<input type="hidden" id="channelid" name="channelid" />						
				<input type="hidden" id="docid"  name="docid" />
				<div class="form-group">
				<label for="docname" class="sr-only">文档名称</label>
				<input type="text" id="docname" name="docname" class="form-control"  placeholder="文档名称" required autofocus>
				</div>
				<div class="form-group">
				<label for="doccontent" class="sr-only">文档内容</label>
				<textarea id="doccontent" name="doccontent" class="form-control" required></textarea>
				</div>
				<button id="btn_cancel" class="btn btn-default" type="button">取消</button>
				<button id="btn_preview" class="btn btn-primary" type="button">预览</button>
				<button id="btn_submit" class="btn btn-primary" type="submit">保存</button>
			</form>
		</div>
		<div class="col-md-3 column">
			<button id="btn_importappendixes" class="btn btn-default btn-primary btn-block" type="button">插入附件</button>
				<table id="AppendixesTable" class="table table-condensed table-hover">
					<thead>
						<tr>
							<th>
								编号
							</th>
							<th>
								附件名称
							</th>
							<th>
								操作
							</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>

			<button id="btn_selectrelateddocs" class="btn btn-default btn-primary btn-block" type="button">增加相关文档</button>
			<table id="RelatedDocsTable" class="table table-hover table-condensed">
				<thead>
					<tr>
						<th>
							编号
						</th>
						<th>
							文档名称
						</th>
						<th>
							操作
						</th>
					</tr>
				</thead>
				<tbody>

				</tbody>
			</table>
		</div>
	</div>
	
	<!-- 文档创建页面end -->
	<!-- 附件插入页面 -->
	<form action="" id="uploadform">
		<div class="modal fade" id="uploadModal" role="dialog" aria-hidden=true aria-labelledby="uploadModalLabel">
			<div class="modal-dialog modal-lg">
				<div class="modal-content">
					<div class="modal-header">
						<button id="btn_close" class="close" aria-hidden="true" type="button" data-dismiss="modal">&times;</button>
						<h4 class="modal-title" id="uploadModalLabel">插入附件</h4>
					</div>
					<div class="modal-body" >
						<div class="form-group">
						<label for="upload">选择文件</label>
						<input type="file" id="upload" name="upload" required autofocus>
						</div>
					</div>
					<div class="modal-footer">
					<button id="btn_upload_cancel" class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
					<button id="btn_upload" class="btn btn-primary" type="button" >插入</button>
					</div>
				</div>
			</div>
		</div>
	</form>
	<!-- 附件插入页面end -->
	<!-- 相关新闻插入页面 -->
	<div class="modal fade" id="selectModal" role="dialog" aria-hidden=true aria-labelledby="selectModalLabel">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button id="btn_close" class="close" aria-hidden="true" type="button" data-dismiss="modal">&times;</button>
					<h4 class="modal-title" id="selectModalLabel">选择相关新闻</h4>
				</div>
				<div class="modal-body" >
				    <!--存放工具栏-->
				    <div id="selecttoolbar"></div>
				    <!--存放生成的表格-->
				    <table id="selectResults" class="table table-hover">
				    </table>
				</div>
				<div class="modal-footer">
				<button id="btn_select_cancel" class="btn btn-default" type="button" data-dismiss="modal">关闭</button>
				<button id="btn_select" class="btn btn-primary" type="button" data-dismiss="modal">选择</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 相关新闻插入页面end -->

	</div>

</body>
</html>